refactor: styles and components on PR pages #679
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description:
This pull request makes the following fixes:
ButtonWithOptions
component [Issue]Button themes
color tokens for buttons
leads to a unified style instead of
--canary-backround-button
=>--canary-button-background
based on the design systemtag color
for dark themetailwind config
for button colorsScreenshots:
fix colors in
Button themes
Before:
![image](https://private-user-images.githubusercontent.com/17677196/404011424-20a98ec5-05de-4ce6-9793-aedf93d9a3ba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4MTg5MjcsIm5iZiI6MTczODgxODYyNywicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMTE0MjQtMjBhOThlYzUtMDVkZS00Y2U2LTk3OTMtYWVkZjkzZDlhM2JhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA2VDA1MTAyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgyNDIzOTkxM2I1YjJiYTQzNWI5ODFjNGFmNzkxODI4NWQ4OTUyNTA2YWQyMjg5MTAyMDcwMzRkM2IzYTMzZDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.crn1jKYw9vvWBFC5fa_nsH2rRDzdYgnpjY0KfZ5seRA)
![image](https://private-user-images.githubusercontent.com/17677196/404010193-836f7795-77a0-4fe0-9c89-cd2d4fe8de79.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4MTg5MjcsIm5iZiI6MTczODgxODYyNywicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMTAxOTMtODM2Zjc3OTUtNzdhMC00ZmUwLTljODktY2QyZDRmZThkZTc5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA2VDA1MTAyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI5NmJhOTc3MGE2NzNmNzVhNDc4N2EzMmIxNzY5N2UyMDQzMWQ0MjIxNmNiOWRjZjMxOTdiYzljYjMxY2U2YjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.1kcFPutQ2Mj3O4ic4AqZJhwf__d615TQEFrGgbsnmzw)
Disable state:
Success state:
After:
![Arc 2025-01-16 19 46 22](https://private-user-images.githubusercontent.com/17677196/404002760-c48499b6-d4f9-421a-86d5-2575b20fff4a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4MTg5MjcsIm5iZiI6MTczODgxODYyNywicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDI3NjAtYzQ4NDk5YjYtZDRmOS00MjFhLTg2ZDUtMjU3NWIyMGZmZjRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA2VDA1MTAyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ2ZjViYzQ2N2MwZjRiNDNmZWEzZmQyYTM2ZjMxNWRmNDcxNGY3M2MzODBiYjE4ZGQ2YmY3M2JhMzBmMWM3M2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.U6c12mSihuy0H67ihhrIsDXoR4ScI7owdMkpqZy-jn4)
![image](https://private-user-images.githubusercontent.com/17677196/404002912-d9e3bdaa-ace3-49bd-935a-82100ced0a2d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4MTg5MjcsIm5iZiI6MTczODgxODYyNywicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDI5MTItZDllM2JkYWEtYWNlMy00OWJkLTkzNWEtODIxMDBjZWQwYTJkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA2VDA1MTAyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAwMmVkMjhhZmIzYTVjOTNlNWZhZjFhMmM2OTNkNDBjOTQwNWM0NTgxOGE2YmFiYTA3N2U4ODQ1MzRkNzg3OGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.6zoV1LzpgE1Ijl_oHH0HrOLrrj1-ue8T-SKZZoZLx9Q)
Disable state:
Success state:
fix
![image](https://private-user-images.githubusercontent.com/17677196/404004791-ba4099a8-cfe3-4d93-a195-74c7117d08e8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4MTg5MjcsIm5iZiI6MTczODgxODYyNywicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDQ3OTEtYmE0MDk5YTgtY2ZlMy00ZDkzLWExOTUtNzRjNzExN2QwOGU4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA2VDA1MTAyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMwM2JkMGE0YTg4Nzk1OTNlZjMwZTlkN2Q5ZTdlZWE5ZWYwMmZhZWM4ZDQ3ZTdmNTlmNWJkZDdmMGVhNDU3ZWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.JwB3Fuk2aSHaSjx2mC08gSFn151Xwc2gzWA7jdbM2rE)
![image](https://private-user-images.githubusercontent.com/17677196/404003208-36feab30-b569-4461-89d2-7aef5de986f4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg4MTg5MjcsIm5iZiI6MTczODgxODYyNywicGF0aCI6Ii8xNzY3NzE5Ni80MDQwMDMyMDgtMzZmZWFiMzAtYjU2OS00NDYxLTg5ZDItN2FlZjVkZTk4NmY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA2VDA1MTAyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg4OGVhZTQ0OTJiMTUzMTU1Yzg4N2ExYTViMTNjOGNmNDQ1ZmYxMGY4ZTMxY2Q1NDE4YjM5NTFjMDYyNzU0ODAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.14xW9mmlgj4DcYhzpZuMM5oWMGvltwbwBJOLRW0S3yo)
tag color
for dark themeBefore
After: